<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">  
<h:head>
<meta charset="utf-8"></meta>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all"></link>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all"></link>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"></link>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<!--<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>-->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Molengo_400.font.js"></script>
<script type="text/javascript" src="js/Expletus_Sans_400.font.js"></script>

</h:head>

<h:body id="page5">
	<div class="body1">
		<div class="main">
<!-- header -->
			<header>
				<div class="wrapper">
					<nav>
						<ul id="menu">
							<li><a href="Index.xhtml">About</a></li>
							<li><a href="ReportProblem.xhtml">Report a problem</a></li>
							<li><a href="ReportedProblems.xhtml">Reported problems</a></li>
							<li class="end"><a href="LogIn.xhtml">Log in</a></li>
						</ul>
					</nav>

				</div>
				<div class="wrapper">
					<h1><a href="Index.xhtml" id="logo">Fix It</a></h1>
				</div>
				<div id="slogan">
					Improve your city!
				</div>
			</header>
                </div>
        </div>
	<div class="body2">
		<div class="main">
<!-- content -->
			<section id="content">
				<div class="box1">
					<div class="wrapper">
						<article class="col1">
							<div class="pad_left1">
								<h2>Reported problems</h2>
                                                               
 
      <h:form prependId="false">  
         <p:growl id="msgs" showDetail="true" />  
         
         <p:dataTable id="dataTable" var="p" value="#{problem.listProblems}" 
                 paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15"  >  
        
  
        <p:column style="width:25%">  
            <f:facet name="header">  
                <h:outputText value="Name" />  
            </f:facet>  
            <h:outputText value="#{p.problemname}" />  
        </p:column>  
  
        <p:column style="width:25%">  
            <f:facet name="header">  
                <h:outputText value="Date" />  
            </f:facet>  
            <h:outputText value="#{p.reportdateString}" />  
        </p:column>  
  
        <p:column style="width:25%">  
            <f:facet name="header">  
                <h:outputText value="Importance" />  
            </f:facet>  
            <h:outputText value="#{p.importance}" />  
        </p:column>  
       <p:column style="width:25%">
           <f:facet name="header">  
           <h:outputText value="Details" /> 
           </f:facet> 
              <p:commandButton action="ProblemDetails" value="view details" >
                  <f:setPropertyActionListener target="#{problem.selectedProblem}" value="#{p}" />
              </p:commandButton>
        </p:column>
    </p:dataTable>
</h:form>
                                                                
<form method="get" name="frmPercentage" action="http://localhost:8080/trunk/webresources/generic/percentage">
                            <input type="submit" style="border-style: solid; border-color: grey; margin-top: 20px; margin-left: 460px; width: 120px; height:40px;" value="Get Statistics" />
   </form>
                                                        </div>
						</article>
						
					</div>
				</div>
			</section>
<!-- content -->
		</div>
	</div>
<script type="text/javascript"> Cufon.now(); </script>
</h:body>
</html>
